.layout-container {
  height: 100%;
  min-width: 960px;
  .layout-header {
    display: flex;
    padding: 0;
    background: #fff;
  }
  .layout-header-logo {
    width: 200px;
    display: flex;
    justify-content: center;
    transition: width 0.2s cubic-bezier(0.2, 0, 0, 1) 0s;
    img {
      width: 48px;
    }
    h1 {
      overflow: hidden;
      font-size: 14px;
      box-sizing: border-box;
      padding-left: 10px;
      transition: width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
    }
  }
  .layout-header-collapsed {
    width: 32px;
  }
  .layout-header-navbar {
    flex: 1;
    box-sizing: border-box;
    padding-left: 10px;
    align-self: center;
    .ant-tabs-nav {
      margin: 0 !important;
    }
    .layout-header-navbar__label {
      padding-right: 5px;
    }
    .anticon {
      margin: 0 !important;
    }
  }
  .layout-header-toolbar {
    width: 200px;
    margin-left: 10px;
    .admin-toolbar__user {
      cursor: pointer;
      box-sizing: border-box;
      padding-right: 10px;
    }
    .admin-toolbar__username {
      margin-left: 10px;
    }
  }
  .layout-menu {
    height: 100%;
    border-right: 0;
  }
  .layout-main {
    padding: 10px;
    background: #fff;
  }
  .ant-layout-content {
    overflow: hidden;
    border-radius: 6px;
    background: #fff;
    box-shadow: var(--shadow-around);
  }
}
